import Vue from 'vue'
import Router from 'vue-router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'

import Hello from '@/components/Hello'
import Home from '@/components/home'
import Main from '@/components/main'
import Default from '@/components/default'
import Button from '@/components/button'
import Layout from '@/components/layout'
import Color from '@/components/color'
import Dialog from '@/components/dialog'
import Pagination from '@/components/pagination'
import Collapse from '@/components/collapse'

Vue.use(Router)
Vue.use(ElementUI)

const routes = [
	{path: '/', component: Home},
	{path: '/home', component: Home},
	{
		path: '/main', component: Main,
		children: [
			{path: 'carousel', component: Default},
			{path: 'layout', component: Layout},
			{path: 'color', component: Color},
			{path: 'button', component: Button},
			{path: 'dialog', component: Dialog},
			{path: 'pagination', component: Pagination},
			{path: 'collapse', component: Collapse},
		]
	}
]

export default new Router({
  routes: routes
})




